<template>
  <div class="ss__tab__card" v-show="visible" v-card-drag>
    <div class="ss__card__header">
      <slot name="header"></slot>
      <el-button style="position: absolute;right: 10px;top: 14px;padding: 3px 0px;font-weight: 900;" type="text" @click="hide" v-if="member=='teacher'"><i class="ssfont chacha" style="color:#acadb1;"></i></el-button>
    </div>
    <div class="ss__tab__card__body">
      <slot name="body">

      </slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "PortletTabCard",

  props: {
    visible: Boolean,
    title: String,
    member:
      {
        type: String,
        default:
          'teacher'
      }
  },
  methods: {
    hide() {
      this.$emit('update:visible', false)
    }
  }
}
</script>

<style scoped lang="less">
.ss__card__header {
  /deep/ .el-tabs__item {
    color: #fff;
  }
}

.options {
  /deep/ .el-button--default {
    background: #404352;
    color: #fff;
    border: none;
  }
}

.clearfix {
  display: flex;
  justify-content: space-between;

  .chacha {
    font-size: 12px;
  }
}


.active {
  color: #FFF !important;
  background-color: #409EFF !important;
  border-color: #409EFF
}



</style>
